@import url('fancy/jquery.fancybox.css');
/*Listing News*/

.list-news .col-xs-12:nth-child(2n) .post { background-color: #f7f7f7; }
.list-news .image { width: 265px; float: left; margin-right: 15px; }
.rtl .list-news .image { width: 265px; float: right; margin-left: 15px; margin-right: 0; }
.effect-news .image.not-media { overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #000000; }
    .effect-news .image.not-media img { display: block; width: 100%; height: 165px; opacity: 1; }
    .effect-news .image.not-media figcaption { top: 30px; left: 30px; right: 30px; bottom: 30px; position: absolute; padding: 20px; }
.image.not-media figcaption:before,
.image.not-media figcaption:after,
.image.not-media figcaption div:before,
.image.not-media figcaption div:after { background-color: #ffffff; position: absolute; content: ""; display: block; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image.not-media figcaption:before,
.image.not-media figcaption:after { width: 0; height: 1px; }
.image.not-media figcaption div:before,
.image.not-media figcaption div:after { width: 1px; height: 0; }
.image.not-media figcaption:before,
.image.not-media figcaption div:before { left: 0; top: 0; }
.image.not-media figcaption:after,
.image.not-media figcaption div:after { bottom: 0; right: 0; }
.image.not-media.blue { background: #0a212f; }
.image.not-media:hover img { opacity: 0.8; -webkit-filter: blur(5px); filter: blur(5px); }
.image.not-media:hover figcaption:before,
.image.not-media:hover figcaption:after { width: 100%; }
.image.not-media:hover figcaption div:before,
.image.not-media:hover figcaption div:after { height: 100%; }
.image.not-media figcaption a { position: relative; font-weight: 400; text-transform: uppercase; -webkit-transform: translateY(50%); transform: translateY(50%); margin: 0 0 8px; opacity: 0; display: block; }
    .image.not-media figcaption a i { opacity: 0; top: 0; position: absolute; left: 50%; background: #15677B; width: 45px; height: 45px; font-size: 22px; border-radius: 50%; text-align: center; line-height: 46px; margin: 0 0 0 -23px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.image.not-media:hover a i { opacity: 1; }
.image.not-media:hover figcaption a { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateY(0); transform: translateY(0); color: #fff; }
.list-news:first-child .post { margin-top: 0; }
.list-news .post { margin-top: 20px; overflow: hidden; border: 1px solid #e9e6e6; padding-right: 10px; }
.rtl .list-news .post { margin-top: 20px; overflow: hidden; border: 1px solid #e9e6e6; padding-left: 10px; padding-right: 0; }
.post .desc-wrap { margin: 0 0px 0 267px; }
.rtl .post .desc-wrap { margin: 0 267px 0 0; }
.post .desc-wrap h2 { margin: 6px 0 0 0; font-size: 13px; color: #777; }
.post .desc-wrap h3 { margin-top: 5px; margin-bottom: 10px; font-size: 16px; color: #444; }
    .post .desc-wrap h3 a { color: #010101; }
.post .desc-wrap .desc { font-size: 12px; line-height: 1.571; }
.var-color-main { color: #111; }
.post .desc-wrap .info-news { margin: 0 0 10px 0; }
    .post .desc-wrap .info-news ul { margin: 0; }
        .post .desc-wrap .info-news ul li { display: inline-block; margin: 0 0 0 10px; color: #868585; font-size: 12px; }
            .post .desc-wrap .info-news ul li:first-child { margin-right: 70px; margin-left: 0; }
.rtl .post .desc-wrap .info-news ul li:first-child { margin-left: 70px; margin-right: 0; }
.post .desc-wrap .info-news ul li i { margin: 0 5px 0 0px; }
.rtl .post .desc-wrap .info-news ul li i { margin: 0 0 0 5px; }
.post .desc-wrap .info-news ul li a { color: #010101; }
/*View Item*/
.NewsArticles .view-news { overflow: hidden; padding: 15px; background: #fff; }
    .NewsArticles .view-news h3 { margin: 0; color: #777; font-size: 14px; }
.view-news h1 { margin: 0 0 20px 0; font-size: 20px; color: #111; }
.view-news .view-info { margin: 0 0 20px 0; padding: 15px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; overflow: hidden; }
    .view-news .view-info ul { margin: 0; float: left; padding: 5px 0 0 0; }
.rtl .view-news .view-info ul { margin: 0; float: right; padding: 5px 0 0 0; }
.view-news .view-info ul li { display: inline-block; margin: 0 10px 0 0px; }
.rtl .view-news .view-info ul li { display: inline-block; margin: 0 0 0 10px; }
.view-news .view-info ul li i { margin: 0 10px 0 0px; }
.rtl .view-news .view-info ul li i { margin: 0 0 0 10px; }
.view-news .view-image { overflow: hidden; margin: 0 0 20px 0; }
    .view-news .view-image img { display: block; margin: 0 auto; }
.view-news .view-print { margin: 0 0 20px 0; }
    .view-news .view-print ul { margin: 0; float: left; }
        .view-news .view-print ul li { display: inline-block; margin: 0 0 0 10px; }
            .view-news .view-print ul li a { display: table; width: 35px; height: 35px; }
                .view-news .view-print ul li a i { font-size: 20px; display: table-cell; text-align: center; vertical-align: middle; }
                    .view-news .view-print ul li a i.fa-facebook { background: #607bb3; color: #fff; }
                    .view-news .view-print ul li a i.fa-google-plus { background: #e74b32; color: #fff; }
                    .view-news .view-print ul li a i.fa-instagram { background: #cc2127; color: #fff; }
                    .view-news .view-print ul li a i.fa-telegram { background: #53c4ee; color: #fff; }
.view-news .view-content { color: #000; line-height: 25px; margin: 0 0 20px 0; text-align: justify; overflow: hidden; }
.view-news .view-related { margin: 0 0 20px 0; }
    .view-news .view-related h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
        .view-news .view-related h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
.view-news .view-print { margin: 0 0 20px 0; padding: 15px; background: #f7f7f7; border-right: 4px solid #ddd; overflow: hidden; clear: both; }
.view-news .view-info span.icon-print { float: right; margin: 5px 0px 0 10px; }
.rtl .view-news .view-info span.icon-print { float: left; margin: 5px 10px 0 0; }
.view-news .view-info span.icon-print a i { color: #888; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
    .view-news .view-info span.icon-print a i:hover { color: #111; }
.view-news .view-info span.icon-print i { font-size: 19px; color: #111; }
.view-news .view-print span.icon-user { font-size: 14px; color: #111; }
    .view-news .view-print span.icon-user a { color: #111; }
    .view-news .view-print span.icon-user i { font-size: 20px; color: #888; }
    .view-news .view-print span.icon-user i { margin: 0 0 0 10px; }
.view-news .view-summery { margin: 0 0 20px 0; background: #f7f7f7; padding: 15px; border-left: 4px solid #010101; }
.rtl .view-news .view-summery { border-right: 4px solid #010101; border-left: 0; }
.view-news .view-tag { margin: 0 0 20px 0; display: inline-flex; }
    .view-news .view-tag a { background: #E2E2E2; color: #616161; text-transform: uppercase; font-size: 12px; margin: 7px 5px 0 0; padding: 5px 10px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
        .view-news .view-tag a i { margin: 0 0 0 5px; vertical-align: middle; }
        .view-news .view-tag a:hover { color: #ffffff; background: #111111; }
    .view-news .view-tag > span.caption { background: #111111; color: #FFFFFF; text-transform: uppercase; font-size: 12px; margin: 7px 2px 0 0; padding: 5px 10px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.view-news .view-postrating { float: right; }
.rtl .view-news .view-postrating { float: left; }
.view-news .view-postrating > span > input[type="radio"] { margin: 0px 5px 0 5px; vertical-align: -4px; }
.view-news .view-postrating > span > label { vertical-align: -2px; }
.view-news .view-files h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
    .view-news .view-files h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
.view-news .view-files ul { margin: 0 0 20px 0; }
    .view-news .view-files ul li { display: inline-block; background: #ddd; padding: 10px 15px; border-right: 3px solid #6F6E6E; }
        .view-news .view-files ul li a { color: #111; }
            .view-news .view-files ul li a i { display: block; text-align: center; border: 2px solid rgba(0,0,0,0.55); width: 35px; height: 35px; margin: 0 auto 5px auto; line-height: 30px; font-size: 20px; color: #111; border-radius: 50%; }

.view-news .view-custom-field h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
    .view-news .view-custom-field h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }

/*Related*/
.related-post .related-image { margin: 0 0 15px 0; }
.view-related .related-news { margin: 0 0 20px 0; overflow: hidden; }
.related-news .related-post { background: #f7f7f7; min-height: 325px; border-bottom: 4px solid #ddd; }
.related-post .related-image img { width: 100%; height: 175px; }
.related-post .related-info-news ul { margin: 0; padding: 0 6px; }
    .related-post .related-info-news ul li { display: inline-block; margin: 0 0 0 10px; }
        .related-post .related-info-news ul li i { margin: 0 0 0 5px; }
.related-post h2 { font-size: 13px; color: #010101; padding: 0 6px; }
    .related-post h2 a { color: #010101; }
/*Images LightBox*/
.view-news .view-photos { margin: 0 0 20px 0; }
    .view-news .view-photos h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
        .view-news .view-photos h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
    .view-news .view-photos ul { margin: 0; }
        .view-news .view-photos ul li { display: inline-block; margin: 0 0 9px 7px; border: 1px solid #888; position: relative; overflow: hidden; }
            .view-news .view-photos ul li:hover a i { opacity: 1; visibility: visible; }
            .view-news .view-photos ul li i { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 0; visibility: hidden; position: absolute; z-index: 2; top: 50%; color: #fff; left: 50%; margin-left: -16px; margin-top: -18px; font-size: 16px; background: #888; width: 35px; height: 35px; border-radius: 50%; text-align: center; padding: 8px 0 0 0; }
            .view-news .view-photos ul li:hover img { opacity: 0.8; }
            .view-news .view-photos ul li img { background-color: #010101; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; width: 100%; height: 70px; }
#sb-body-inner img { position: relative !important; }
#sb-title { background: rgba(0,0,0,0.55); padding: 0 5px; }
#sb-info-inner { background: rgba(0,0,0,0.55); }
/*News Post*/
.view-news .post-comment { overflow: hidden; margin: 0 0 20px 0; }
.view-news .view-post h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
    .view-news .view-post h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
.parComment input[type="text"] { display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: 2px solid #E2E2E2; width: 100%; }
.post-comment .txtComment textarea { resize: vertical; height: 150px; min-height: 40px; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: 2px solid #E2E2E2; width: 100%; }
.parComment input[type="button"] { outline: 0; font-size: 13px; font-weight: 500; text-transform: uppercase; display: inline-block; background: #E2E2E2; color: #111; padding: 14px 25px; border: none; cursor: pointer; font-weight: 500; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; /* width: 100%; */ border: 2px solid #111; }
p.parComment.col-sm-12 { text-align: left; }
.notiComment input[type="checkbox"] { margin: 13px 0 0 10px; }
.notiComment label { vertical-align: 3px; }
.parComment .label-input { display: none; }
.post-comment .captcha-input { clear: both; padding: 0 15px; position: relative; margin: 8px 0 10px 0; }
    .post-comment .captcha-input > div { display: none; }
    .post-comment .captcha-input > img { position: absolute; left: 17px; top: 2px; }
    .post-comment .captcha-input > input { float: right; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: 2px solid #E2E2E2; width: 100%; }
/*Comment*/
.view-comment span.view-no-comment { background: #f7f7f7; padding: 15px; border-right: 2px solid #ddd; font-size: 13px; display: block; }
.news-comments .news-comment { padding: 10px; margin: 0 0 10px; background: #f7f7f7; border: 2px solid #f5f5f5; }
    .news-comments .news-comment .news-comment-img { width: 40px; float: right; }
        .news-comments .news-comment .news-comment-img > img { border-radius: 50% !important; }
    .news-comments .news-comment .news-comment-body { padding-right: 20px; position: relative; overflow: hidden; }
        .news-comments .news-comment .news-comment-body .news-comment-info:after, .news-comments .news-comment .news-comment-body .news-comment-info:before { content: " "; display: table; }
        .news-comments .news-comment .news-comment-body .news-comment-info:after { clear: both; }
        .news-comments .news-comment .news-comment-body .news-comment-info .news-comment-author { display: inline-block; float: right; margin: 0 0 10px; color: #060606; font-weight: 600; }
        .news-comments .news-comment .news-comment-body .news-comment-info .news-comment-date { display: inline-block; float: left; margin: 0; color: #BABABA; }
        .news-comments .news-comment .news-comment-body .news-comment-text { color: #999; }
        .news-comments .news-comment .news-comment-body .news-comment-details { margin: 10px 0 0; }
            .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-status { text-transform: uppercase; float: right; }
                .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-status.news-comment-status-pending { color: #B8C0F5; }
                .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-status.news-comment-status-approved { color: #6BD873; }
                .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-status.news-comment-status-rejected { color: red; }
            .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-actions { display: none; list-style: none; margin: 0; padding: 0; float: left; }
                .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-actions > li { float: right; padding: 0 5px; margin: 0; }
                    .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-actions > li > a { text-transform: uppercase; color: #999; }
                        .news-comments .news-comment .news-comment-body .news-comment-details .news-comment-actions > li > a:hover { color: #666; text-decoration: none; }
    .news-comments .news-comment:hover { background: #e6e6e6; }
        .news-comments .news-comment:hover .news-comment-body .news-comment-details .news-comment-actions { display: inline-block; }
.view-post > span.Normal { border: 2px solid #f6f6f6; display: block; text-align: center; padding: 10px 0; margin: 0 0 20px 0; background: #f4f4f4; color: #f00; border-right: 3px solid #f00; }
.news-comment-info span.news-comment-date i { margin: 0 5px 0 5px; }
.news-comment-info span.news-comment-date > strong { font-weight: normal; }
.view-news .view-comment h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
    .view-news .view-comment h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
/*related hover*/
.related-image { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 100%; background: #000000; text-align: center; }
    .related-image i { position: absolute; top: 50%; left: 50%; border-radius: 50%; font-size: 34px; color: #000000; width: 60px; height: 60px; line-height: 60px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045); }
    .related-image a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
    .related-image:hover img { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    .related-image:hover i { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
/*search news*/
.box-news-search { padding: 15px 0; background: #F5F5F5; margin: 0 0 10px 0; }
.box_search { position: relative; padding: 0 15px; }
input.input_search { border: none; padding: 0 10px 0 0; box-shadow: 0px 2px 3px 0px rgba(101, 97, 94, 0.13); background: #fff; width: 100%; vertical-align: top; box-sizing: border-box; height: 35px; border-radius: 3px; }
    input.input_search:focus { box-shadow: 0 0 8px #F4F3F3; outline: none; }
.btn_search { display: block; position: absolute; left: 25px; top: 0px; height: 35px; width: 17px; padding: 0; border: none; box-shadow: none; webkit-box-shadow: none; overflow: hidden; text-indent: -99999px; background: url(images/search_icon.png) no-repeat 0px 10px; z-index: 1001; cursor: pointer; }
.box-news-search h1 { margin: 0px 0 15px 0; font-size: 16px; padding: 0 15px 0 0; color: #555; }
/*Archive*/
.archive-box { background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; margin: 35px 0 0 0; }
    .archive-box .title h2 { margin: 5px 0 0 0; border-bottom: 1px solid #ddd; padding: 5px 10px; font-size: 16px; color: #555; }
        .archive-box .title h2 i, .archive-box .title h2 em { margin: 0 0 0 10px; color: #555; font-size: 22px; }
    .archive-box ul { margin: 0; background: #efefef; }
        .archive-box ul li { border-bottom: 1px solid #ddd; padding: 7px 10px; position: relative; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; list-style: none; }
            .archive-box ul li:hover { background: #dedede; }
            .archive-box ul li:last-child { border-bottom: 0; }
            .archive-box ul li i, .archive-box ul li em { margin: 1px 0 0 5px; float: right; color: #19ac75; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
            .archive-box ul li:hover i.fa-square-o, .archive-box ul li:hover em.fa-square-o { opacity: 0; visibility: hidden; overflow: hidden; }
            .archive-box ul li i.fa-check-square-o, .archive-box ul li em.fa-check-square-o { position: absolute; right: 8px; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
            .archive-box ul li:hover i.fa-check-square-o, .archive-box ul li:hover em.fa-check-square-o { opacity: 1; visibility: visible; overflow: visible; }
            .archive-box ul li a { color: #888; display: block; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
                .archive-box ul li a:hover { color: #555 !important; }
                .archive-box ul li a span { float: left; }
/*RESPONSIVE*/
@media only screen and (min-width: 768px) and (max-width: 768px) {
    .post .desc-wrap { margin: 0; }
        .post .desc-wrap .desc { margin: 0 5px 15px 0; }
    .view-news .view-image img { width: 100%; }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .list-news .image { width: 150px; margin-top: 5px; margin-right: 5px; }
    .effect-news .image.not-media figcaption { top: 15px; left: 15px; right: 15px; bottom: 15px; position: absolute; padding: 0; }
    .effect-news .image.not-media img { height: 100px; }
    .post .desc-wrap { margin: 0; }
        .post .desc-wrap h3 { min-height: 100px; }
        .post .desc-wrap .info-news { padding: 0 5px 0 0; }
        .post .desc-wrap .desc { padding: 15px 5px; }
    .view-news .view-image img { width: 100%; }
}

@media only screen and (max-width: 479px) {
    .list-news .post { padding-left: 0; }
    .list-news .image { width: 100%; float: none; margin-left: 0; }
    .post .desc-wrap { margin: 0; padding: 0 15px; }
        .post .desc-wrap .desc { line-height: 18px; margin: 0 0 15px 0; }
        .post .desc-wrap .info-news ul li { display: block; margin: 0 0 3px 10px; }
    .view-news .view-image img { width: 100%; }
}